<!-- /*  视频源码上传至“VIP”文件夹后，将此文件改名为menu.html即可  */ -->
<style>
    .menu {
        width: 100%;
        position: absolute;
        position: fixed;
        bottom: 0;
        background: #fff;
        border-top: .1rem solid #F3E7E3;
        z-index: 999;
    }
    
    .menu img {
        width: 1.5rem;
        height: 1.5rem;
        margin-bottom: .2rem;
    }
    
    .menu a {
        display: inline-block;
        color: #3d0505;
    }
    
    .menu a span {
        font-size: 1.2rem;
    }
</style>
<div class="menu">
    <!-- /*  下面一行的数字5 代表一行有5个按钮  可自行定义  */ -->
    <ul class="am-avg-sm-5 am-text-center am-padding-top-xs">
        <li class="am-vertical-align">
            <a href="index.php?r=index/wap">
                <img src="top/html/images/home.png" class="am-text-center am-vertical-align-middle">
                <br>
                <span class=" am-text-center am-vertical-align-middle">首页</span>
            </a>
        </li>
        <li class="am-vertical-align">
            <a href="index.php?r=index/9">
                <img src="top/html/images/9kuai9.png" class="am-text-center am-vertical-align-middle">
                <br>
                <span class=" am-text-center am-vertical-align-middle">9块9</span>
            </a>
        </li>
		<li class="am-vertical-align">
            <a href="index.php?r=ddq/wap">
                <img src="top/html/images/ddqiang.png" class="am-text-center am-vertical-align-middle">
                <br>
                <span class=" am-text-center am-vertical-align-middle">咚咚抢</span>
				<div style="position:absolute; width:24px; height:32px; background:#FFCC00;margin-left: 6px; margin-top: -60px; background:url(http://a.vpimg3.com/upload/dop/2016/01/04/148/HOTT_qeu.gif)"></div>
            </a>
        </li>
        <li class="am-vertical-align">
            <a href="vip">
			<!-- /* href=""内可自定义。例1：href="http://v.23hh.cn/"                    */ -->
            <!-- /* href=""内可自定义。例2：href="vip"  注：vip为视频源码所在的目录名） */ -->
            <!-- /* 同理，可以自己花式修改为其他项目                                    */ -->
                <img src="top/html/images/12.png" class="am-text-center am-vertical-align-middle">
                <!-- /* src="图片地址"                                                  */ -->
				<br>
                <span class=" am-text-center am-vertical-align-middle">VIP视频</span>
            </a>
        </li>
        <li class="am-vertical-align">
            <a href="index.php?r=p/wap">
                <img src="top/html/images/pinp.png" class="am-text-center am-vertical-align-middle">
                <br>
                <span class=" am-text-center am-vertical-align-middle">超人气榜</span>
            </a>
        </li>
    </ul>
</div>
<script type="text/javascript">
    var urlstr = location.href;
    var urlstatus = false;
    $(".menu a").each(function() {
        if ((urlstr + '/').indexOf($(this).attr('href')) > -1 && $(this).attr('href') != '') {
            $(this).find("span").addClass('am-text-danger');
            urlstatus = true;
        } else {
            $(this).find("span").removeClass('am-text-danger');
        }
    });
    if (!urlstatus) {
        $(".menu span").eq(0).addClass('am-text-danger');
    }
    // $("document").ready(function() {
    //     if ($(".main-logo").length > 0) {
    //         $(".main-title").css("display", 'block');
    //     }

    // })

    // $("document").ready(function() {
    //     if ($(".main-logo").length == 0) {
    //        $(".main-title").css("display", 'none');
    //       $(".menu-content").css("display", 'none');
    //       $(".order-nav").css("margin-top", '0');
    //       $(".shoufa-banner").css("margin-top", '0');
    //       $(".goods-list").css("margin-top", '0');
    //       $(".you-wrapper").css("margin-top", '0');
    //     }  


    // })
</script>